<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=yes">
<title>員山樂悠遊-首頁</title>
<link href="jquery-mobile/jquery.mobile.structure-1.2.0.min.css"
	rel="stylesheet" type="text/css" />
<link href="jquery-mobile/jquery.mobile.theme-1.2.0.min.css"
	rel="stylesheet" type="text/css" />
<link href="jquery-mobile/jquery.mobile-1.2.0.min.css" rel="stylesheet"
	type="text/css" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css">
<link rel="stylesheet" href="css/my_styles.css" />
<script src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
<script src="jquery-mobile/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.2.0.min.js"
	type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="cordova-2.1.0.js" type="text/javascript"></script>
<script type="text/javascript" src="js/barcodescanner.js"></script>
<script src="js/index.js"></script>

</head>

<body>
<div data-role="page" id="home">
  <div data-role="header" data-position="fixed">
    <h1>員山樂悠遊</h1>
  </div>
  <div class="flex-container">
    <div class="flexslider">
      <ul class="slides">
        <li>
          <div class="images_logo"> <img src="images/home_logo1.png" /> </div>
          <div class="images_home"> <a href="#jala_map"><img id="home_banner1" src="images/home_banner1.jpg" /></a> </div>
          <div class="ui-corner-all ui-shadow" style="padding:1em;">
            <p id="description_home0" class="description_home"></p>
          </div>
        </li>
        <li>
          <div class="images_logo"> <img src="images/home_logo2.png" /> </div>
          <div class="images_home"> <a href="#dala_map"><img class="home_banner2" src="images/home_banner2.jpg" /></a> </div>
          <div class="ui-corner-all ui-shadow" style="padding:1em;">
            <p id="description_home1" class="description_home"></p>
          </div>
        </li>
        <li>
          <div class="images_logo"> <img src="images/home_logo3.png" /> </div>
          <div class="images_home"> <a href="#hala_map"><img class="home_banner3" src="images/home_banner3.jpg" /></a> </div>
          <div class="ui-corner-all ui-shadow" style="padding:1em;">
            <p id="description_home2" class="description_home"></p>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <div data-role="footer" data-position="fixed">
    <div data-role="navbar">
      <ul>
        <li><a href="#info" data-icon="info">活動資訊</a>
        <li><a href="#hot" data-icon="star">發燒好康</a>
        <li><a href="#passport" data-icon="check">旅遊設照</a>
        <li><a href="#tours" data-icon="search">旅遊行程</a>
      </ul>
    </div>
  </div>
</div>
<div data-role="page" id="jala_map" >
  <div data-role="header" data-position="fixed" >
    <div data-role="navbar">
      <ul>
        <li><a  id="back0" data-rel="back" data-icon="back">返回</a>
        <li><a  href="#jala_map" id="map0" class="ui-btn-active">地圖</a>
        <li><a  href="#jala_tour_list" id="list0" >列表</a>
        <li><a  id="fbfans" >FB粉絲團</a>
      </ul>
    </div>
  </div>
  <div data-role="content">
    <div class="ui-bar-c ui-corner-all ui-shadow" style="padding:1em;">
      <div id="mapDiv0" style="height:350px;"></div>
    </div>
    <div data-role="footer" data-position="fixed" class="ui-bar">
      <div class="ui-grid-c">
        <div class="ui-block-a"><img src="images/m1.png"></div>
        <div class="ui-block-b"></div>
        <div class="ui-block-c">
           <a href="#tour_map"  data-role="button"   data-theme="b" id="loc_tour" >景點</a></div>
        <div class="ui-block-d">
           <a href="#store_map"  data-role="button"   data-theme="b" id="loc_store" >店家</a></div>
      </div>
    </div>
  </div>
</div>
<div id="dala_map" data-role="page">
  <div data-role="header" data-position="fixed" >
    <div data-role="navbar">
      <ul>
        <li><a  id="back1" data-rel="back" data-icon="back">返回</a>
        <li><a  href="#jala_map"   id="map1" class="ui-btn-active">地圖</a>
        <li><a  href="#dala_tour_list" id="list1" >列表</a>
        <li><a  id="fbfans1" >FB粉絲團</a>
      </ul>
    </div>
  </div>
  <div data-role="content">
    <div class="ui-bar-c ui-corner-all ui-shadow" style="padding:1em;">
      <div id="mapDiv1" style="height:350px;"></div>
    </div>
    <div data-role="footer" data-position="fixed" class="ui-bar">
	<div class="ui-grid-c">
        <div class="ui-block-a"><img src="images/m2.png"></div>
        <div class="ui-block-b"></div>
        <div class="ui-block-c">
           <a href="#dala_tour_list"  data-role="button"   data-theme="b" id="loc_tour" >景點</a></div>
        <div class="ui-block-d">
           <a href="#dala_store_list"  data-role="button"   data-theme="b" id="loc_store" >店家</a></div>
      </div>
      </div>
    </div>
  </div>
</div>
<div id="hala_map" data-role="page">
  <div data-role="header" data-position="fixed" >
    <div data-role="navbar">
      <ul>
        <li><a  id="back2" data-rel="back" data-icon="back">返回</a>
        <li><a  href="#hala_map" id="map2" class="ui-btn-active">地圖</a>
        <li><a  href="#hala_list" id="list2" >列表</a>
        <li><a  id="fbfans2" >FB粉絲團</a>
      </ul>
    </div>
  </div>
  <div data-role="content">
    <div class="ui-bar-c ui-corner-all ui-shadow" style="padding:1em;">
      <div id="mapDiv2" style="height:350px;"></div>
    </div>
    <div data-role="footer" data-position="fixed" class="ui-bar">
     	<div class="ui-grid-c">
        <div class="ui-block-a"><img src="images/m3.png"></div>
        <div class="ui-block-b"></div>
        <div class="ui-block-c">
           <a href="#hala_tour_list"  data-role="button"   data-theme="b" id="loc_tour" >景點</a></div>
        <div class="ui-block-d">
           <a href="#hala_store_list"  data-role="button"   data-theme="b" id="loc_store" >店家</a></div>
      </div>
      </div>
    </div>
  </div>
</div>
<div data-role="page" id="jala_tour_list" >
  <div data-role="header" data-position="fixed" >
    <div data-role="navbar">
      <ul>
        <li><a  id="back0" data-rel="back" data-icon="back">返回</a>
        <li><a  href="#jala_map" id="map0">地圖</a>
        <li><a  href="#jala_tour_list" id="list0" class="ui-btn-active">列表</a>
        <li><a  id="fbfans" >FB粉絲團</a>
      </ul>
    </div>
  </div>
  <div data-role="content">
    <div id="entries">
      <ul id="lvTours" data-role="listview" data-inset="true">
      </ul>
    </div>
    <div data-role="footer" data-position="fixed" class="ui-bar">
      <div class="ui-grid-c">
        <div class="ui-block-a"><img src="images/m1.png"></div>
        <div class="ui-block-b"></div>
        <div class="ui-block-c">
           <a href="#"  data-role="button"   data-theme="b" id="loc_tour" >景點</a></div>
        <div class="ui-block-d">
           <a href="#jala_store_list"  data-role="button"   data-theme="b" id="loc_store" >店家</a></div>
      </div>
    </div>
  </div>
</div>

<div data-role="page" id="jala_store_list" >
  <div data-role="header" data-position="fixed" >
    <div data-role="navbar">
      <ul>
        <li><a  id="back0" data-rel="back" data-icon="back">返回</a>
        <li><a  href="#jala_map" id="map0">地圖</a>
        <li><a  href="#" id="list0" class="ui-btn-active">列表</a>
        <li><a  id="fbfans" >FB粉絲團</a>
      </ul>
    </div>
  </div>
  <div data-role="content">
    <div id="entries">
      <ul id="lvStores" data-role="listview" data-inset="true">
      </ul>
    </div>
    <div data-role="footer" data-position="fixed" class="ui-bar">
      <div class="ui-grid-c">
        <div class="ui-block-a"><img src="images/m1.png"></div>
        <div class="ui-block-b"></div>
        <div class="ui-block-c">
           <a href="#jala_tour_list"  data-role="button"   data-theme="b" id="loc_tour" >景點</a></div>
        <div class="ui-block-d">
           <a href="#"  data-role="button"   data-theme="b" id="loc_store" >店家</a></div>
      </div>
    </div>
  </div>
</div>

<div data-role="page" id="displayTourDetail" >
  <div data-role="header" data-position="fixed" >
    <div data-role="navbar">
      <ul>
        <li><a  id="back0" data-rel="back" data-icon="back">返回</a>
        <li><a  href="#" id="collection">收藏</a>
        <li><a  href="#" id="route">路徑</a>
        <li><a  id="fbshare" >分享</a>
      </ul>
    </div>
  </div>
  <div data-role="content">
    <div id="showName" style="text-align:center"></div>
    <a href="#displayTourVR" data-role="button">720度虛擬實境</a>
    <div id="showImg"></div>
    <div id="collapsibleSet" data-role="collapsible-set">
      <div id="showTourContent"></div>
      <div id="showTourWay"></div>
    </div>
  </div>
</div>

<div data-role="page" id="displayStoresDetail" >
  <div data-role="header" data-position="fixed" >
    <div data-role="navbar">
      <ul>
        <li><a  id="back0" data-rel="back" data-icon="back">返回</a>
        <li><a  href="#" id="collection">收藏</a>
        <li><a  href="#" id="route">路徑</a>
        <li><a  id="fbshare" >分享</a>
      </ul>
    </div>
  </div>
  <div data-role="content">
    <div id="showName" style="text-align:center"></div>
    <a href="#displayStoreVR" data-role="button">720度虛擬實境</a>
    <div id="showImg"></div>
  		  <div id="showStoreContact"></div>
  		  <div data-role="collapsible" data-collapsed="true">
      			<div id="showStoreMsg"></div>
    	</div>
  </div>
</div>


<div data-role="page" id="displayTourVR" >
  <div data-role="header" data-position="fixed" >
    <div data-role="navbar">
      <ul>
        <li><a  id="back0" data-rel="back" data-icon="back">返回</a>
        <li><a  href="#" id="collection">收藏</a>
        <li><a  href="#" id="route">路徑</a>
        <li><a  id="fbshare" >分享</a>
      </ul>
    </div>
  </div>
  <div data-role="content">
    <div id="showName" style="text-align:center"></div>
  </div>
</div>

<div data-role="page" id="info"  data-add-back-btn="true" data-back-btn-text="返回" data-back-btn-theme="b">
  <div data-role="header" data-position="fixed">
     <h1>活動資訊</h1>
  </div>
  <div data-role="content">
     <div id="entries">
      <ul id="listInfo" data-role="listview" data-inset="true">
        
      </ul>
    </div>
  </div>
</div>

<div data-role="page" id="infodetail">
  <div data-role="header" data-position="fixed" class="ui-bar">
     <a  data-rel="back" data-icon="back" data-theme="b" class="ui-btn-left">返回</a>
     <a href="#" id="infoshare"  data-role="button" data-theme="b" class="ui-btn-right">分享</a>
  </div>
  <div data-role="content">
  </div>
</div>

<div data-role="page" id="hot"  data-add-back-btn="true" data-back-btn-text="返回" data-back-btn-theme="b">
  <div data-role="header" data-position="fixed">
     <h1>發燒好康</h1>
  </div>
  <div data-role="content" align="center">
       <img src="images/a1.jpg" style="border-image:auto"><br>
       <img src="images/a2.jpg" style="border-image:auto"><br>
       <img src="images/a3.jpg" style="border-image:auto"><br>       
  </div>
</div>

<div data-role="page" id="passport">
  <div data-position="fixed" data-role="header">
      <a data-rel="back" data-icon="back"  data-theme="b">返回</a>
      <h1></h1>
      <a data-role="button" id="qrscan" data-theme="b">QR Code</a>
  </div>
  <div data-role="content" align="center">
       
  </div>
</div>


</body>
</html>
